var yxlx = [{
    "name1": "模拟",
    "num1": "142款",
    "des1": "365种身份随时变"
}, {
    "name1": "竞技",
    "num1": "53款",
    "des1": "体验最痛快的竞技快感！"
}, {
    "name1": "动作",
    "num1": "554款",
    "des1": "热血满满 磨拳擦脚！"
}, {
    "name1": "卡牌",
    "num1": "679款",
    "des1": "靠实力，也靠运气"
}, {
    "name1": "角色",
    "num1": "413款",
    "des1": "来拯救世界吧少年"
}, {
    "name1": "策略",
    "num1": "367款",
    "des1": "化身军师，雄策伟略"
}, {
    "name1": "射击",
    "num1": "244款",
    "des1": "咦，好想射点什么"
}, {
    "name1": "体育",
    "num1": "84款",
    "des1": "只给喜爱运动的你"
}, {
    "name1": "回合",
    "num1": "333款",
    "des1": "来大战300回合吧"
}, {
    "name1": "格斗",
    "num1": "257款",
    "des1": "我要打10个"
}, {
    "name1": "即时",
    "num1": "557款",
    "des1": "说走就走，要战便战"
}, {
    "name1": "射击",
    "num1": "244款",
    "des1": ""
}]
var left = document.querySelector(".class-text .left")
var str1 = '';
for (var i = 0; i < yxlx.length; i++) {
    str1 += `<div class="cans">
    <h4>
      <a href="#" name="uc_gd_adm">${yxlx[i].name1}</a>
    </h4>
    <p class="num">${yxlx[i].num1}</p>
    <p class="des">${yxlx[i].des1}</p>
</div>`
}
// console.log(str1)
// console.log(left)
left.innerHTML = str1;
var cans1=document.querySelectorAll(".class-text .left .cans")
cans1[6].classList.add("can-green")
var yxtc = [{
    "name1": "3D",
    "num1": "1106款",
    "des1": "最逼真的3D画面"
}, {
    "name1": "养成",
    "num1": "1款",
    "des1": "主人，欢迎回来哦"
}, {
    "name1": "女生",
    "num1": "283款",
    "des1": "进可御姐，退可萌妹"
}, {
    "name1": "男生",
    "num1": "656款",
    "des1": "型男必备，娘炮不玩"
}, {
    "name1": "动漫",
    "num1": "289款",
    "des1": "结交基友一同前行"
}, {
    "name1": "西游",
    "num1": "168款",
    "des1": "猴哥,师傅又被捉了"
}, {
    "name1": "三国",
    "num1": "507款",
    "des1": "三国统一,就此一战"
}, {
    "name1": "魔幻",
    "num1": "632款",
    "des1": "万千变幻,不明觉厉"
}, {
    "name1": "仙侠",
    "num1": "368款",
    "des1": "一战成魔，修炼成仙"
}, {
    "name1": "历史",
    "num1": "252款",
    "des1": "亲身上演古代穿越剧"
}, {
    "name1": "横版",
    "num1": "94款",
    "des1": "爽快操作,火热打击"
}, {
    "name1": "武侠",
    "num1": "291款",
    "des1": "不打炮,只打架"
}]
var tc = document.querySelector(".box2 .class-text")
var str2 = '';
for (var i1 = 0; i1 < yxtc.length; i1++) {
    str2 += `<div class="cans">
    <h4>
      <a href="#" name="uc_gd_adm">${yxtc[i1].name1}</a>
    </h4>
    <p class="num">${yxtc[i1].num1}</p>
    <p class="des">${yxtc[i1].des1}</p>
</div>`
}
// console.log(tc)
tc.innerHTML = str2;
var cans2=document.querySelectorAll('.box2 .class-text .cans')
cans2[2].classList.add("can-pink")
cans2[7].classList.add("can-red")
var yxwf = [{
    "name1": "休闲益智",
    "num1": "151款",
    "des1": "地铁与公交不二选择"
}, {
    "name1": "休闲养成",
    "num1": "1款",
    "des1": "主人,欢迎回来哦"
}, {
    "name1": "多人副本",
    "num1": "33款",
    "des1": "一起打副本，加倍的乐趣"
}, {
    "name1": "卡牌收集",
    "num1": "164款",
    "des1": "靠实力,也靠运气"
}, {
    "name1": "横版格斗",
    "num1": "285款",
    "des1": "爽快操作,火热打击"
}, {
    "name1": "回合制",
    "num1": "333款",
    "des1": "来大战三百回合吧"
}]
var wf = document.querySelector(".box3 .class-text")
var str3 = '';
for (var i2 = 0; i2 < yxwf.length; i2++) {
    str3 += `<div class="cans">
    <h4>
      <a href="#" name="uc_gd_adm">${yxwf[i2].name1}</a>
    </h4>
    <p class="num">${yxwf[i2].num1}</p>
    <p class="des">${yxwf[i2].des1}</p>
</div>`
}
wf.innerHTML = str3;
var cans3=document.querySelectorAll('.box3 .class-text .cans')
cans3[4].classList.add("can-blue")
// for (let dom of cans) {
//     var name1 = dom.querySelector('h4 a').innerText;
//     var num1 = dom.querySelector('.num').innerText;
//     var des1 = dom.querySelector('.des').innerText;
//     con.push({
//         name1,
//         num1,
//        des1
//     })
// }